<template>
	<div>
		<div class="block">
		    <el-carousel height="400px">1
		      <el-carousel-item v-for="(item,index) in msgJsonApp.imgs" :key="index">
				<el-image style="width: 100%; height: auto" :src="item.src" fit="fill" lazy></el-image>
		      </el-carousel-item>
		    </el-carousel>
		  </div>	
	</div>
</template>
<script src="https://www.metcms.cn/public/web/js/met_temdemo.js"></script>
<script>
	export default {
		props: ["msgJsonApp"]
	}
</script>

<style scoped >
	.block{
		height: 500px;
		width: 100%;
		background-color: #006699;
	}
</style>
